<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es-ES">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DLS - Generar Contrato</title>
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/reset.css">
<!-- <script type="text/javascript" src="js/jquery-1.9.1.js"></script> -->

<link rel="stylesheet" href="../css/jquery-ui.css" />
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/script.js"></script>

<script>
  $(function() {
    $( "#txtFecIni" ).datepicker({
       changeMonth: true,
       changeYear: true
     });
    $( "#txtFecFin" ).datepicker({
       changeMonth: true,
       changeYear: true
     });
    
    $( "#rdSexo" ).buttonset();
    $( "#rdDomicilio" ).buttonset();
    $( "#rdAreaInteres" ).buttonset();
    $( "#rdHorario" ).buttonset();
    
    $( "#div1" ).accordion();
    $( "#div2" ).accordion();
    $( "#accordion" ).accordion({
      heightStyle: "content"
    });
    $( "#accordion2" ).accordion({
        heightStyle: "content"
      });
  });
  </script>
</head>
<body>

<div class="wrapper styled">

<jsp:include page="../template/header.jsp"></jsp:include>

<jsp:include page="../template/menu.jsp"></jsp:include>

<div class="body">

	<div class="metro-title textCenter">
		<span>DLS - Generar Contrato</span>
	</div>
	
	<div id="accordion">
	  <h3>Datos Personales</h3>
	  <div>
		
		<div style="float: left; width: 15%; margin-right: 10px;">
	  		<div class="ui-wrapper-img" style="height: 150px; border: .5px solid #00AEEF;">
				<img alt="" src="../images/5.jpg">
			</div>
			<div style="float: left; margin-top: 3px;">
	  			<input type="file" style="">
	  		</div>
	  	</div>
	  	<div style="float:left;">
			<table class="tbForm">
    	<tr class="trHead">
    		<td><label>Nombres</label></td>
    		<td><label>Apellido Paterno</label></td>
    		<td><label>Apellido Materno</label></td>
    		<td><label>Fecha de Nacimiento</label></td>
    	</tr>
    	<tr>
    		<td><input type="text" style="width: 200px;"></td>
    		<td><input type="text"></td>
    		<td><input type="text"></td>
    		<td><input id="fecNac" type="text"></td>
    	</tr>
    	<tr class="trHead">
    		<td><label>Sexo</label></td>
    		<td><label>Estado Civil</label></td>
    		<td><label>Tipo de Documento</label></td>
    		<td><label>Numero de Documento</label></td>
    	</tr>
    	<tr>
    		<td>
    			<div id="rdSexo">
				    <input type="radio" id="rdSexo1" name="radio"/><label title="Masculino" for="rdSexo1">M</label>
				    <input type="radio" id="rdSexo2" name="radio"/><label title="Femenino" for="rdSexo2">F</label>
				</div>
			</td>
    		<td>
    			<select>
					<option value="">-- Seleccione --</option>
					<option value="1">SOLTERO (A)</option>
					<option value="2">CASADO (A)</option>
					<option value="3">VIUDO (A)</option>
					<option value="4">DIVORCIADO (A)</option>
					<option value="5">CONVIVIENTE</option>
				</select>
    		</td>
    		<td>
    			<select>
					<option value="">-- Seleccione --</option>
					<option value="1">DNI</option>
					<option value="2">PASAPORTE</option>
				</select>
			</td>
    		<td><input type="text"></td>
    	</tr>
    	<tr class="trHead">
    		<td><label>Pais de Nacimiento</label></td>
    		<td><label>Email</label></td>
    		<td><label></label></td>
    		<td><label></label></td>
    	</tr>
    	<tr>
    		<td>
    			<select>
					<option value="">-- Seleccione --</option>
					<option value="AF">AFGANISTAN</option>
					<option value="AL">ALBANIA</option>
					<option value="DE">ALEMANIA</option>
					<option value="VI">AMER.VIRGIN IS.</option>
					<option value="AD">ANDORRA</option>
					<option value="AO">ANGOLA</option>
					<option value="AI">ANGUILLA</option>
					<option value="AQ">ANTARCTICA</option>
					<option value="AG">ANTIGUA BARBUDA</option>
					<option value="AN">ANTILLAS</option>
					<option value="SA">ARABIA SAUDITA</option>
					<option value="DZ">ARGELIA</option>
					<option value="AR">ARGENTINA</option>
					<option value="AM">ARMENIA</option>
					<option value="AW">ARUBA</option>
					<option value="AU">AUSTRALIA</option>
					<option value="AT">AUSTRIA</option>
					<option value="AZ">AZERBAIJAN</option>
					<option value="BS">BAHAMAS</option>
					<option value="BH">BAHRAIN</option>
					<option value="BD">BANGLADESH</option>
					<option value="BB">BARBADOS</option>
					<option value="BY">BELARUS</option>
					<option value="BE">BELGICA</option>
					<option value="BZ">BELIZE</option>
					<option value="BJ">BENIN</option>
					<option value="BM">BERMUDAS</option>
					<option value="BT">BHUTAN</option>
					<option value="BO">BOLIVIA</option>
					<option value="BA">BOSNIA-HERZ.</option>
					<option value="BW">BOTSWANA</option>
					<option value="BR">BRASIL</option>
					<option value="VG">BRIT.VIRGIN IS.</option>
					<option value="BN">BRUNEI</option>
					<option value="BG">BULGARIA</option>
					<option value="BF">BURKINA-FASO</option>
					<option value="BI">BURUNDI</option>
					<option value="CV">CABO VERDE</option>
					<option value="KH">CAMBOYA</option>
					<option value="CM">CAMERUN</option>
					<option value="CA">CANADA</option>
					<option value="CF">CENTR.AFR.REP.</option>
					<option value="TD">CHAD</option>
					<option value="RCH">CHILE</option>
					<option value="CY">CHIPRE</option>
					<option value="VA">CIUDAD DEL VATICANO</option>
					<option value="CO">COLOMBIA</option>
					<option value="KM">COMOROS</option>
					<option value="CG">CONGO</option>
					<option value="CD">CONGO,DEM. REP.</option>
					<option value="CK">COOK ISLANDS</option>
					<option value="KP">COREA DEL NORTE</option>
					<option value="KR">COREA DEL SUR</option>
					<option value="CR">COSTA RICA</option>
					<option value="HR">CROACIA</option>
					<option value="C">CUBA</option>
					<option value="CZ">CZECH REPUBLIC</option>
					<option value="DK">DINAMARCA</option>
					<option value="DJ">DJIBOUTI</option>
					<option value="DM">DOMINICA</option>
					<option value="TP">EAST TIMOR</option>
					<option value="EC">ECUADOR</option>
					<option value="EG">EGIPTO</option>
					<option value="SV">EL SALVADOR</option>
					<option value="AE">EMIRATOS ARABES UNIDAS</option>
					<option value="ER">ERITREA</option>
					<option value="SK">ESLOVAQUIA</option>
					<option value="SI">ESLOVENIA</option>
					<option value="ES">ESPANA</option>
					<option value="USA">ESTADOS UNIDOS</option>
					<option value="EE">ESTONIA</option>
					<option value="ET">ETIOPIA</option>
					<option value="FK">FALKLAND ISLNDS</option>
					<option value="FO">FAROE ISLANDS</option>
					<option value="FJ">FIJI</option>
					<option value="PH">FILIPINAS</option>
					<option value="FI">FINLANDIA</option>
					<option value="TF">FR.SOUTH TERR</option>
					<option value="FX">FRANCE, METRO</option>
					<option value="FR">FRANCIA</option>
					<option value="PF">FRENC.POLYNESIA</option>
					<option value="GF">FRENCH GUIANA</option>
					<option value="GA">GABON</option>
					<option value="GM">GAMBIA</option>
					<option value="GE">GEORGIA</option>
					<option value="GH">GHANA</option>
					<option value="GI">GIBRALTAR</option>
					<option value="GD">GRANADA</option>
					<option value="GB">GREAT BRITAIN</option>
					<option value="GR">GRECIA</option>
					<option value="GL">GREENLAND</option>
					<option value="GP">GUADELOUPE</option>
					<option value="GU">GUAM</option>
					<option value="GT">GUATEMALA</option>
					<option value="GN">GUINEA</option>
					<option value="GQ">GUINEA ECUATORIAL</option>
					<option value="GW">GUINEA-BISSAU</option>
					<option value="GY">GUYANA</option>
					<option value="HT">HAITI</option>
					<option value="NL">HOLANDA</option>
					<option value="HN">HONDURAS</option>
					<option value="HK">HONG KONG</option>
					<option value="HU">HUNGRIA</option>
					<option value="IN">INDIA</option>
					<option value="ID">INDONESIA</option>
					<option value="IR">IRAN</option>
					<option value="IQ">IRAQ</option>
					<option value="IE">IRLANDA</option>
					<option value="IS">ISLANDIA</option>
					<option value="KY">ISLAS CAYMAN</option>
					<option value="MP">ISLAS MARIANAS</option>
					<option value="IL">ISRAEL</option>
					<option value="IT">ITALIA</option>
					<option value="CI">IVORY COAST</option>
					<option value="JM">JAMAICA</option>
					<option value="JP">JAPON</option>
					<option value="JO">JORDANIA</option>
					<option value="KZ">KAZAKHSTAN</option>
					<option value="KE">KENIA</option>
					<option value="KI">KIRIBATI</option>
					<option value="KW">KUWAIT</option>
					<option value="KG">KYRGYZSTAN</option>
					<option value="LA">LAOS</option>
					<option value="LV">LATVIA</option>
					<option value="LS">LESOTHO</option>
					<option value="LB">LIBANO</option>
					<option value="LR">LIBERIA</option>
					<option value="LY">LIBIA</option>
					<option value="LI">LIECHTENSTEIN</option>
					<option value="LT">LITUANIA</option>
					<option value="LU">LUXEMBURGO</option>
					<option value="MO">MACAU</option>
					<option value="MK">MACEDONIA</option>
					<option value="MG">MADAGASCAR</option>
					<option value="MY">MALASIA</option>
					<option value="MW">MALAWI</option>
					<option value="MV">MALDIVAS</option>
					<option value="ML">MALI</option>
					<option value="MT">MALTA</option>
					<option value="MA">MARRUECOS</option>
					<option value="MH">MARSHALL ISLNDS</option>
					<option value="MQ">MARTINICA</option>
					<option value="MR">MAURITANIA</option>
					<option value="MU">MAURITIUS</option>
					<option value="MX">MEXICO</option>
					<option value="FM">MICRONESIA</option>
					<option value="MD">MOLDOVA</option>
					<option value="MC">MONACO</option>
					<option value="MN">MONGOLIA</option>
					<option value="MS">MONTSERRAT</option>
					<option value="MZ">MOZAMBIQUE</option>
					<option value="MM">MYANMAR</option>
					<option value="NA">NAMIBIA</option>
					<option value="NR">NAURU</option>
					<option value="NP">NEPAL</option>
					<option value="NI">NICARAGUA</option>
					<option value="NE">NIGER</option>
					<option value="NG">NIGERIA</option>
					<option value="NU">NIUE ISLANDS</option>
					<option value="NF">NORFOLK ISLAND</option>
					<option value="NO">NORUEGA</option>
					<option value="NC">NUEVA CALEDONIA</option>
					<option value="NZ">NUEVA ZELANDIA</option>
					<option value="OM">OMAN</option>
					<option value="PK">PAKISTAN</option>
					<option value="PW">PALAU</option>
					<option value="PA">PANAMA</option>
					<option value="PG">PAPUA NUEVA GUINEA</option>
					<option value="PY">PARAGUAY</option>
					<option value="PE">PERU</option>
					<option value="PN">PITCAIRN ISLNDS</option>
					<option value="PL">POLONIA</option>
					<option value="PT">PORTUGAL</option>
					<option value="01">PRUEBA</option>
					<option value="PR">PUERTO RICO</option>
					<option value="QA">QATAR</option>
					<option value="CN">R.P.CHINA</option>
					<option value="DO">REP. DOMINICANA</option>
					<option value="RE">REUNION</option>
					<option value="RW">RUANDA</option>
					<option value="R">RUMANIA</option>
					<option value="RU">RUSIA</option>
					<option value="GS">S.GEORGIA SSI</option>
					<option value="ST">S.TOME,PRINCIPE</option>
					<option value="AS">SAMOA</option>
					<option value="SM">SAN MARINO</option>
					<option value="SN">SENEGAL</option>
					<option value="SC">SEYCHELLES</option>
					<option value="SL">SIERRA LEONA</option>
					<option value="SG">SINGAPUR</option>
					<option value="SY">SIRIA</option>
					<option value="SB">SOLOMON ISLANDS</option>
					<option value="SO">SOMALIA</option>
					<option value="ZA">SOUTH AFRICA</option>
					<option value="LK">SRI LANKA</option>
					<option value="LC">ST. LUCIA</option>
					<option value="VC">ST. VINCENT</option>
					<option value="KN">ST.KITTS, NEVIS</option>
					<option value="PM">ST.PIER,MIQUEL.</option>
					<option value="SD">SUDAN</option>
					<option value="SR">SURINAM</option>
					<option value="SZ">SWAZILAND</option>
					<option value="SE">SWEDEN</option>
					<option value="CH">SWITZERLAND</option>
					<option value="TJ">TADZHIKISTAN</option>
					<option value="TH">TAILANDIA</option>
					<option value="TW">TAIWAN</option>
					<option value="TZ">TANZANIA</option>
					<option value="TG">TOGO</option>
					<option value="TK">TOKELAU ISLANDS</option>
					<option value="TO">TONGA</option>
					<option value="TT">TRINIDAD Y TOBAGO</option>
					<option value="TN">TUNEZ</option>
					<option value="TM">TURKMENISTAN</option>
					<option value="TR">TURQUIA</option>
					<option value="TV">TUVALU</option>
					<option value="UA">UCRANIA</option>
					<option value="UG">UGANDA</option>
					<option value="UY">URUGUAY</option>
					<option value="UM">US MINOR ISLAND</option>
					<option value="UZ">UZBEKISTAN</option>
					<option value="VU">VANUATU</option>
					<option value="YV">VENEZUELA</option>
					<option value="VN">VIETNAM</option>
					<option value="WS">WESTERN SAMOA</option>
					<option value="YE">YEMEN</option>
					<option value="YU">YUGOSLAVIA</option>
					<option value="ZR">ZAIRE</option>
					<option value="ZM">ZAMBIA</option>
					<option value="ZW">ZIMBABWE</option>
				</select>
    		</td>
    		<td><input type="text"></td>
    	</tr>
    </table>		
		</div>
		
	</div>

</div>
<div id="accordion2">
	<h3>Datos de Domicilio</h3>
	<div>
			
	<table class="tbForm">
    	<tr class="trHead">
    		<td><label>Pais</label></td>
    		<td><label>Departamento</label></td>
    		<td><label>Provincia</label></td>
    		<td><label>Distrito</label></td>
    	</tr>
    	<tr>
    		<td><input type="text"></td>
    		<td><input type="text"></td>
    		<td><input type="text"></td>
    		<td><input type="text"></td>
    	</tr>
    	<tr class="trHead">
    		<td><label>Tipo de Via</label></td>
    		<td><label>Nombre de Via</label></td>
    		<td><label>Numero de Via</label></td>
    		<td><label></label></td>
    	</tr>
    	<tr>
    		<td>
    			<select>
					<option value="">-- Seleccione --</option>
					<option value="01">AV.  AVENIDA</option>
					<option value="02">JR.  JIRÃN</option>
					<option value="03">CAL. CALLE</option>
					<option value="04">PJ.  PASAJE</option>
					<option value="05">ALM. ALAMEDA</option>
					<option value="06">MLC. MALECÃN</option>
					<option value="07">OVL. OVALO</option>
					<option value="08">PQ.  PARQUE</option>
					<option value="09">PZA. PLAZA</option>
					<option value="10">CAR. CARRETERA</option>
					<option value="13">TROCHA</option>
					<option value="14">CAMINO RURAL</option>
					<option value="15">BAJADA</option>
					<option value="16">GALERIA</option>
					<option value="17">PROLONGACIÃN</option>
					<option value="18">PASEO</option>
					<option value="19">PLAZUELA</option>
					<option value="20">PORTAL</option>
					<option value="21">CAMINO AFIRMADO</option>
					<option value="22">TROCHA CARROZABLE</option>
					<option value="99">OTROS</option>
				</select>
    		</td>
    		<td><input type="text"></td>
    		<td><input type="text"></td>
    	</tr>
    	<tr class="trHead">
    		<td><label>Tipo Zona</label></td>
    		<td><label>Nombre Zona</label></td>
    		<td><label>Referencia</label></td>
    		<td><label>Domicilio Propio</label></td>
    	</tr>
    	<tr>
    		<td>
    			<select>
					<option value="">-- Seleccione --</option>
					<option value="01">URB. URBANIZACIÃN</option>
					<option value="02">P.J. PUEBLO JOVEN</option>
					<option value="03">U.V. UNIDAD VECINAL</option>
					<option value="04">C.H. CONJUNTO HABITA</option>
					<option value="05">A.H. ASENTAMIENTO HU</option>
					<option value="06">COO. COOPERATIVA</option>
					<option value="07">RES. RESIDENCIAL</option>
					<option value="08">Z.I. ZONA INDUSTRIAL</option>
					<option value="09">GRU. GRUPO</option>
					<option value="10">CAS. CASERÃO</option>
					<option value="11">FND. FUNDO</option>
					<option value="99">OTROS</option>
				</select>
    		</td>
    		<td><input type="text"></td>
    		<td><input type="text"></td>
    		<td>
    			<div id="rdDomicilio">
				    <input type="radio" id="rdDomicilio1" name="radio"/><label for="rdDomicilio1">Si</label>
				    <input type="radio" id="rdDomicilio2" name="radio"/><label for="rdDomicilio2">No</label>
				</div>
    		</td>
    	</tr>
    	<tr class="trHead">
    		<td><label>Telefono Domicilio</label></td>
    		<td><label>Telefono Movil</label></td>
    		<td><label></label></td>
    		<td><label></label></td>
    	</tr>
    	<tr>
    		<td><input type="text"></td>
    		<td><input type="text"></td>
    	</tr>
    </table>
		
	</div>
	
	<h3>Datos del contrato</h3>
	<div>
		
		<table class="tbForm">
			<tr class="trHead">
				<td><label>Vigencia</label></td>
				<td><label></label></td>
				<td><label>Cargo o Funcion</label></td>
				<td><label>Salario</label></td>
			</tr>
			<tr>
				<td>
					<input id="txtFecIni" type="text" class="datepicker">					
				</td>
				<td>
					<input id="txtFecFin" type="text" class="datepicker">					
				</td>
				<td>
					<input type="text">
				</td>
				<td>
					<input type="text">
				</td>
			</tr>
		</table>
	<table class="tbForm">
    	<tr>
    		<td><label>Area de Interes</label></td>
    		<td>
    			<div id="rdAreaInteres">
				    <input type="radio" id="rdAreaInteres1" name="radio"/><label for="rdAreaInteres1">ADMINISTRACION</label>
				    <input type="radio" id="rdAreaInteres2" name="radio"/><label for="rdAreaInteres2">PRODUCCION</label>
				    <input type="radio" id="rdAreaInteres3" name="radio"/><label for="rdAreaInteres3">SISTEMAS</label>
				    <input type="radio" id="rdAreaInteres4" name="radio"/><label for="rdAreaInteres4">VENTAS</label>
				</div>
    		</td>
    	</tr>
    </table>
    <table class="tbForm">
    	<tr>
    		<td><label>Horario</label></td>
    	</tr>
    	<tr>
    		<td>
    			<div id="rdHorario">
				    <input type="radio" id="rdHorario1" name="radio" /><label for="rdHorario1">Tiempo Completo</label>
				    <input type="radio" id="rdHorario2" name="radio" /><label for="rdHorario2">Tiempo Parcial</label>
				</div>
    		</td>
    	</tr>
    </table>
				
	</div>
	
</div>

</div>

<jsp:include page="../template/footer.jsp"></jsp:include>

</div>

</body>
</html>